import React from "react";
import "./index.less";

function index({ shopNavItem }) {
    const shopItem = shopNavItem.map((item, index) => {
        return (
            <li key={index}>
                <img src={item.pictureURL} alt="" />
                <p>{item.pictureName}</p>
            </li>
        );
    });

    return <ul className="shop-nav-item-container">{shopItem}</ul>;
}

export default index;
